<template>
  <div>
    <!-- <router-link>标签会被解析为a标签； to属性相当于是href -->
    <router-link to="/home">首页</router-link> &nbsp;
    <router-link to="/movie/6/熊出没">熊出没</router-link>&nbsp;
    <router-link to="/movie/7/凡人修仙传">凡人修仙传</router-link>&nbsp;
    <router-link to="/movie/8/喜洋洋">喜洋洋</router-link>&nbsp;
    <router-link to="/music?id=9&name=毛不易">毛不易</router-link>&nbsp;
    <router-link to="/music?id=7&name=华晨宇">华晨宇</router-link>&nbsp;
    <router-link to="/music?id=6&name=薛之谦">薛之谦</router-link>&nbsp;
    <router-link to="/about">关于</router-link>&nbsp;

    <hr />

    <!-- 一会准备把展示的组件,展示到这个位置,必须在这个位置加占位符   -->
    <!-- 下面的标签就是一个占位符，用于展示子组件 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
.router-link-exact-active {
  color: red;
  text-decoration: none;
}
</style>
